<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Phoenix editor</title>
        <link rel="stylesheet" href="styles.css">
        <meta name="robots" content="noindex">
    </head>

    <body>
        <img id="starsLeft"  src="images/stars-left.svg"/>
        <div id="mainDiv">
            <img id="logo"  src="images/phoenix-logo-broken.svg"/>
            <div id="MainText" class="safari-text">
                <h2>Uh Oh ! <br>
                    Your browser is not supported.</h2>
                <span >Use google chrome to access phoenix for the best user experience
                    <br></span><br>
            </div>
        </div>
        <img id="cloudLeftTop"  src="images/vector-top-left.png"/>
        <img id="cloudBottomRight"  src="images/vector-bottom-right.png"/>
        <img id="starsRight"  src="images/stars-right.svg"/>
        <img class="clouds" style="z-index: 3; transform: translate(0px, -1.55909px);" src="images/cloud1.svg"/>
        <img class="clouds" style="z-index: 6; transform: translate(0px, -2.33863px);" src="images/cloud2.svg"/>
        <img class="clouds" style="z-index: 5; transform: translate(0px, -3.89772px);" src="images/cloud3.svg"/>
        <img class="clouds" style="z-index: 6; transform: translate(0px, -3.89772px);" src="images/cloud4.svg"/>
        <div class="night">
            <div class="shooting_star">
                <div class="shooting_star"/>
            </div>
        </div>
        <div class="night">
            <div class="shooting_star">
                <div class="shooting_star"/>
            </div>
        </div>
    </body>
</html>
